<template>
    <div class="personal">
        <div class="personal-msg">
            <div>
                <mt-header title>
                    <router-link to slot="left">
                        <mt-button>个人资料</mt-button>
                    </router-link>
                </mt-header>
                <mt-cell title="账号" :value="user.account"></mt-cell>
                <mt-cell title="剩余额度" :value="user.balance"></mt-cell>
                <mt-cell title="状态" :value="user.statusName"></mt-cell>
                <mt-cell title="声音">
                    <span>下注后播放声音</span>
                </mt-cell>
            </div>

            <div class="list">
                <personList></personList>
            </div>
        </div>
    </div>

</template>

<script>
import {mapState} from 'Vuex'
import personList from '../components/personList'
export default {
    name: "personal",
    data() {
        return {};
    },
    components:{
        personList
    },
    computed:{
        ...mapState(['user'])
    }
};
</script>

<style lang="less" scoped>
.personal-msg {
    padding: 10px;
    > div {
        border: 2px solid #eee;
        border-bottom: 0;
        .mint-cell {
            border-bottom: 1px solid #eee;
        }
    }
}

</style>
